/*Baseline styles*/
body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }

.clickable { color: #006; cursor: hand; cursor: pointer; }
  
body.ext-ie7 .x-form-trigger { margin-top: 1px; }
body.ext-ie7 .a-window .x-form-field { margin-top:1px; }

/*[Standard Buttons]*/
.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
	background-image:url("../images/asc-compare/button/standard/btn.gif");
}
.x-btn button { color: #fff; font:bold 11px Arial,Helvetica,sans-serif; }
.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text { color: #fff; }


/*[Alternate Buttons]*/
.a-btn-alt .x-btn-tl, 
.a-btn-alt .x-btn-tr, 
.a-btn-alt .x-btn-tc, 
.a-btn-alt .x-btn-ml, 
.a-btn-alt .x-btn-mr, 
.a-btn-alt .x-btn-mc, 
.a-btn-alt .x-btn-bl, 
.a-btn-alt .x-btn-br, 
.a-btn-alt .x-btn-bc {
	background-image:url("../images/asc-compare/button/alternate/btn.gif");
}

.a-btn-alt .x-btn-text { font-weight: bold; font-size: 12px; }
.ext-ie .a-btn-alt .x-btn-text { padding: 0 1px 0; }

/*[Change Button]*/
.a-btn-change .x-btn-tl, 
.a-btn-change .x-btn-tr, 
.a-btn-change .x-btn-tc, 
.a-btn-change .x-btn-ml, 
.a-btn-change .x-btn-mr, 
.a-btn-change .x-btn-mc, 
.a-btn-change .x-btn-bl, 
.a-btn-change .x-btn-br, 
.a-btn-change .x-btn-bc {
	background-image:url("../images/asc-compare/button/change/btn.gif");
}

.a-btn-change .x-btn-mc em.x-btn-arrow {background: transparent none; }

/*[Remove Button]*/
.a-btn-remove .x-btn-tl, 
.a-btn-remove .x-btn-tr, 
.a-btn-remove .x-btn-tc, 
.a-btn-remove .x-btn-ml, 
.a-btn-remove .x-btn-mr, 
.a-btn-remove .x-btn-mc, 
.a-btn-remove .x-btn-bl, 
.a-btn-remove .x-btn-br, 
.a-btn-remove .x-btn-bc {
	background-image:url("../images/asc-compare/button/remove/btn.gif");
}

.a-btn-remove .x-item-disabled button { color: #ccc !important; }

/*[Toolbar Button]*/
/*.a-btn-toolbar .x-btn { width:100%; }*/

.a-btn-toolbar .x-btn-tl, 
.a-btn-toolbar .x-btn-tr, 
.a-btn-toolbar .x-btn-tc, 
.a-btn-toolbar .x-btn-ml, 
.a-btn-toolbar .x-btn-mr, 
.a-btn-toolbar .x-btn-mc, 
.a-btn-toolbar .x-btn-bl, 
.a-btn-toolbar .x-btn-br, 
.a-btn-toolbar .x-btn-bc {
	background-image:url("../images/asc-compare/button/toolbar/btn.gif");
}

.a-btn-toolbar button { color: #000; font-weight:bold; font-size: 11px; }
.a-btn-toolbar .x-btn-pressed { color: #000; }
.a-btn-toolbar .x-btn-click {background-image:none;}

/*[Toolbar Button - base pointer]*/
.a-btn-toolbar .a-btn-node-wrap {position:relative; text-align:center;}
.a-btn-toolbar .x-btn b.select-node { 
	background: url("../images/asc-compare/button/toolbar/btn.gif") no-repeat scroll 0 -4314px;
	visibility:hidden; height: 5px; width: 12px; display: inline-block;	
}
.a-btn-toolbar .x-btn-pressed b.select-node { visibility: visible; }

.a-btn-toolbar .x-btn em button { padding: 0 8px; color: #fff; }

/* [Page Toolbar] */
.page-toolbar { padding: 0 2px; border-style:none; background: url(../images/asc-compare/toolbar/img_Header.png) no-repeat 0 0;} 
.page-toolbar .a-btn-toolbar .x-btn-small .x-btn-text { height: 22px; }

.page-toolbar .a-btn-toolbar .x-btn .x-btn-text { color: #000; }

.page-toolbar .a-btn-toolbar .x-btn-click .x-btn-text, 
.page-toolbar .a-btn-toolbar .x-btn-menu-active .x-btn-text,
.page-toolbar .a-btn-toolbar .x-btn-pressed .x-btn-text { color: #fff; }

.page-toolbar-wnav { background-position: 0 -43px;}

.a-btn-plain { padding: 0 0 4px 0; }
.a-btn-plain .x-btn-tl, 
.a-btn-plain .x-btn-tr, 
.a-btn-plain .x-btn-tc, 
.a-btn-plain .x-btn-ml, 
.a-btn-plain .x-btn-mr, 
.a-btn-plain .x-btn-mc, 
.a-btn-plain .x-btn-bl, 
.a-btn-plain .x-btn-br, 
.a-btn-plain .x-btn-bc {
	background-image:none;
}

.a-btn-plain .x-btn em button { color: #00f; text-decoration:underline; font-weight:normal; }
.a-btn-plain .x-btn-click .x-btn-text, 
.a-btn-plain .x-btn-menu-active .x-btn-text, 
.a-btn-plain .x-btn-pressed .x-btn-text { color: #00f; }

/* [Compare Toolbar] */
.x-panel-noborder .x-panel-tbar-noborder .compare-toolbar { border: 0 none; }
.compare-toolbar {
	background: url(../images/asc-compare/compare-bg.jpg) no-repeat 0px -501px;
	padding: 0 2px 0 0 !important; 
}

.x-panel-bbar .compare-toolbar, .x-panel-tbar .compare-toolbar { border-bottom: 0 none; }

.compare-toolbar .a-btn-toolbar .x-btn-small .x-btn-text { height: 22px; }
.compare-toolbar .compare-btn-wrap { padding-bottom: 6px; }

.compare-btn-wrap .x-btn-text-icon .x-btn-icon-small-right .btn-expand-icon { background: url("../images/asc-compare/icon_sprite.gif") no-repeat right -56px; }
.compare-btn-wrap .x-btn-text-icon .x-btn-icon-small-right .btn-collapse-icon { background: url("../images/asc-compare/icon_sprite.gif") no-repeat scroll right 4px; }

/*[Compare Toolbar Button - IE Fix]*/
.compare-toolbar .a-btn-toolbar .x-btn .x-btn-small tr td.a-btn-node-wrap .select-node{ zoom:1; min-height:0; *height:1%}

/*[CompareVehiclesPanel]*/
.compareVehicles-panel .view { background: transparent url(../images/asc-compare/compare-bg.jpg) no-repeat; }

.compareVehicles-panel .tbl-body td { vertical-align: top; }

/*[Vehicle Panel Base Vehicle View]*/

.compareVehicles-panel .basevehicle .vehicle-panel { width: 334px; }
.compareVehicles-panel .basevehicle .vehicle-panel .baseVehicle-view { margin-left: 25px; }

.compareVehicles-panel .basevehicle .vehicle-panel .vehiclepanel-header { margin-top: 4px; }

.compareVehicles-panel .basevehicle .vehicle-info { margin-top: 10px; }

.compareVehicles-panel .basevehicle .vehicleInfo-panel { color: #006; font-weight: normal; font-size: 18px; }

.compareVehicles-panel .basevehicle .vehicle-panel .vehicle-image {margin-top: 10px; }

/*[Vehicle Panel Competitor View]*/
.compareVehicles-panel td.competitor { text-align: center; }

.compareVehicles-panel .competitor .vehicle-panel .vehiclepanel-header { margin: 4px 12px 0; }
.compareVehicles-panel .competitor .vehicle-panel .vehiclepanel-header .remove-btn-wrap { padding-left: 2px; }

.compareVehicles-panel .competitor .vehicle-panel .vehicle-image { margin-top: 50px; }
.compareVehicles-panel .competitor .vehicle-panel .vehicle-info { margin-top: 10px; }

.compareVehicles-panel .competitor .vehicle-panel .vehicleInfo-panel { color: #006; font-weight: bold; font-size: 12px; }

/*[Empty Competitor View]*/
.compareVehicles-panel .competitor .vehicle-panel .emptyCompetitor-view .vehiclepanel-header { margin: 4px 12px 0; }
.compareVehicles-panel .competitor .vehicle-panel .emptyCompetitor-view .vehiclepanel-body { margin: 30px 0 0 4px; }


.compareVehicles-panel .competitor .vehicle-panel .sponsoredCompetitor-view .vehiclepanel-header { height: 22px; }



/*[Empty Competitor View Model Walk Menu]*/
.compareVehicles-panel .competitor .vehicle-panel .emptyCompetitor-view .vehiclepanel-body .modelwalk-panel .wrap { 
	margin-bottom: 2px; *margin-bottom: 4px; 
}

.compareVehicles-panel .competitor .vehicle-panel .emptyCompetitor-view .modelwalk-panel h5 { text-align: center; padding-bottom: 4px; }

/*[Photos View Empty Competitor View]*/
.compareVehicles-panel .photo-view .competitor .vehicle-panel .emptyCompetitor-view .vehiclepanel-body { 
	margin: 30px 8px 0; *margin-left: 4px; *margin-right: 4px; 
}

.compareVehicles-panel .photo-view .competitor .vehicle-panel .emptyCompetitor-view .vehiclepanel-body .modelwalk-panel { text-align: left; }

/*[CompareVehicles  ColourPicker]*/
.compareVehicles-panel .basevehicle .vehicle-panel  { position: relative; }
.compareVehicles-panel .basevehicle .colourpicker-panel  { position: absolute; top: 30px; right: 5px; }

.compareVehicles-panel .basevehicle .colourpicker-panel .colourpicker-view h5 { 
	font-weight: normal; text-align: right; color: #006; white-space:nowrap; 
}
.compareVehicles-panel .basevehicle .colourpicker-panel .colourpicker-view .swatch-wrap { text-align: right; }
.compareVehicles-panel .basevehicle .colourpicker-panel .colourpicker-view .swatch-wrap .swatch { cursor: hand; cursor: pointer; }

/*[CompareVehicles-panel Photo View]*/
.compareVehicles-panel .photo-view { background: transparent url(../images/asc-compare/compare-bg.jpg) no-repeat 0 -245px; }

/*[Vehicle Panel Base Vehicle View]*/
.compareVehicles-panel .photo-view td.basevehicle { text-align: center; }

.compareVehicles-panel .photo-view .basevehicle .vehicle-panel { width: 197px; }
.compareVehicles-panel .photo-view .basevehicle .vehicle-panel .baseVehicle-view { margin-left: 0; }
.compareVehicles-panel .photo-view .basevehicle .vehicleInfo-panel { font-size: 12px; }

.compareVehicles-panel .photo-view .basevehicle .vehicle-panel .vehiclepanel-header { margin: 4px 16px 0; }

.compareVehicles-panel .photo-view .basevehicle .vehicle-panel .vehicle-image,

/*[Vehicle Panel Competitor View]*/
.compareVehicles-panel .photo-view .competitor .vehicle-panel .vehicle-image { margin-top: 40px; }
.compareVehicles-panel .photo-view .competitor .vehicle-panel .vehiclepanel-header  { margin: 4px 36px 0; }

/*[InventoryPanel]*/
.inventory-panel .inventory-header {
	background: transparent url(../images/asc-compare/compare-bg.jpg) no-repeat left -220px;
	height: 24px;
}

.inventory-panel .inventory-header h5 { color: #fff; padding: 5px; }
.inventory-panel .inventory-body { border-color: #999; border-style: none solid solid; border-width: 0 0 1px; }
.inventory-panel .inventory-body td { border-left: 1px solid #ccc; vertical-align: top; }
.inventory-panel .inventory-body td.first { border-left: 0 none; }
.inventory-panel .inventoryInfo-panel .inventory-body { border: 0 none; }

.inventory-panel .record { text-align: center; }

.inventory-panel .results-view td.results .result-wrap { padding-left: 5px; }
.inventory-panel .results-view td.results { vertical-align: middle; }
.inventory-panel .results-view td.results td { border: 0 none; }
.inventory-panel .results-view td.results td.highlight {
	background:none #cff;
	border:1px solid #666;
	width:25px; height:25px;
	padding:0;
}
.inventory-panel .results-view td.results td.desc { padding-left: 5px; width: 100px; }


/*[ChangeButton Menu]*/

.compare-changeBtn-menu { background-image: none;  }

body.ext-ie .compare-changeBtn-menu { overflow: visible; }


.compare-changeBtn-menu .modelwalk-menu-view .modelwalk-header { margin: 2px 2px 4px; }
.compare-changeBtn-menu .modelwalk-menu-view .modelwalk-body { margin: 2px; }
.compare-changeBtn-menu .modelwalk-menu-view .modelwalk-body .wrap { padding-bottom: 2px; *padding-bottom: 4px; }
.compare-changeBtn-menu .modelwalk-menu-view .modelwalk-body .last-item { padding-bottom: 2px; }

.compare-changeBtn-menu .commonCompetitors-panel .header { margin: 2px 2px 4px; }
.compare-changeBtn-menu .commonCompetitors-panel .body { margin: 2px; }
.compare-changeBtn-menu .commonCompetitors-panel li { 
	margin-bottom: 4px; cursor: hand; cursor: pointer; color: #006; 
	font-size: 12px;
}

/*[Photos Panel]*/
.photos-panel .photos-view { background: transparent url(../images/asc-compare/photos/photos-bg.jpg) no-repeat 0 0; }

/*[Photo Selector]*/
.photo-selector .selector-buttons { padding-left: 4px; }
.photo-selector .selector-buttons ul { margin-top: 8px; }
.photo-selector .selector-buttons ul li { margin-bottom: 2px; *height: 36px; *margin:0; }

.photo-selector .selector-prev { padding: 15px 0 0 2px; }
.photo-selector .selector-next { padding: 15px 0 0; }

.photo-selector .selector-thumbs { padding: 6px 4px 0; width: 620px; }

.photo-selector .selector-thumbs .iof-wrapper { padding-right: 2px; }
.photo-selector .selector-thumbs .iof-image { overflow: hidden; border: 1px solid #ebebeb; cursor: pointer; cursor: hand; }
.photo-selector .selector-thumbs .iof-image-selected { border: 2px solid #0c35ab; width: 118px; height: 78px; }

.photo-selector .selector-thumbs-wrap { height: 84px; overflow: hidden; position: relative; }

/*[VehiclePhotoPanel]*/
.vehiclephoto-panel .vehiclephoto-view { text-align: center; }
.vehiclephoto-panel .image-wrap { margin: 25px 0; }
.vehiclephoto-panel .image-wrap img, 
.vehiclephoto-panel .clickable { cursor: hand; cursor: pointer; }

.vehiclephoto-panel .clickable { 
	background: transparent url(../images/asc-compare/photos/ico-enlarge-image.png) no-repeat top right; 
	padding-right: 16px;
}


/*[Image Type Toggle Button]*/
.a-btn-imgtypetoggle .x-btn .x-btn-text { color: #fff; height: auto; padding: 7px 0; *padding: 8px 0; }
.a-btn-imgtypetoggle .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text { color: #fff; }

.a-btn-imgtypetoggle .x-btn {
	background: url(../images/asc-compare/photos/image-type-sprite.png) no-repeat 0 -39px;
}

.a-btn-imgtypetoggle .x-btn-pressed { background-position: 0 0; }

.a-btn-imgtypetoggle .x-btn-tl, 
.a-btn-imgtypetoggle .x-btn-tr, 
.a-btn-imgtypetoggle .x-btn-tc, 
.a-btn-imgtypetoggle .x-btn-ml, 
.a-btn-imgtypetoggle .x-btn-mr, 
.a-btn-imgtypetoggle .x-btn-mc, 
.a-btn-imgtypetoggle .x-btn-bl, 
.a-btn-imgtypetoggle .x-btn-br, 
.a-btn-imgtypetoggle .x-btn-bc { background-image:none; }

/* [ResultsGrid] */
.compare-results-grid .x-grid3-row td.highlight { background:none #cff; }
.compare-results-grid .x-grid3-row span.a-qtip { color:#00f; text-decoration:underline; cursor: hand; cursor: pointer; }
.compare-results-grid .x-grid3-cell-inner, .compare-results-grid .x-grid3-hd-inner {white-space:normal;}
.compare-results-grid .x-grid3-scroller { overflow-x: hidden; overflow-y:auto; }

.compare-results-grid .x-grid-group-hd { border: 1px solid #848484; padding-top: 0; background-color: #DADADA; }

.compare-results-grid .x-grid-group { padding: 0 0 5px; }

.compare-results-grid .x-panel-body,
.compare-results-grid .x-grid3-row { border-style: none; }

.ct-compare-results-grid .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { border-right-color: #bababa; }
.ct-compare-results-grid  .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { border-bottom: 1px solid #bababa; }
.ct-compare-results-grid .x-grid-with-col-lines .x-grid3-row td.x-grid3-td-stub { border-left: 1px solid #bababa; padding-left: 0; }

/*[ResultsGrid Compare Toolbar - IE Fix]*/
.ext-ie .compare-results-grid .compare-toolbar .x-toolbar-right { vertical-align:top; padding: 2px 0 0;}

/* [AdvantagesGrid] */
.advantages-panel,
.advantages-panel .toolbar-wrap,
.advantages-panel .toolbar-wrap .x-toolbar,
.advantages-panel .grid-wrap { border-style: none; }
.advantages-panel .grid-wrap { padding: 0 5px 5px; }
.compare-advantages-grid .x-grid3-cell-inner, .compare-advantages-grid .x-grid3-hd-inner {white-space:normal;}
.compare-advantages-grid .compare-header-advantages  
{
	background: transparent url(../images/asc-compare/compare-bg.jpg) no-repeat 0 -540px; 
	border: 1px solid #848484; 
	padding: 5px; 
}
.compare-advantages-grid .x-grid3-col-desc .dot { padding: 0 10px 0 0; }
.compare-advantages-grid .x-grid3-scroller { overflow-x: hidden; overflow-y: scroll; }

/* [Photos Window]*/
.compare-photos-window .x-window-mc { border-style: none; }
.compare-photos-window .x-window-body { text-align:center; background: none #fff; border-style:none; }
.compare-photos-window .compare-photos-selection-toolbar .vehicle-info { font-weight:bold; }
.compare-photos-selection-toolbar .a-btn-toolbar .x-btn-tl, 
.compare-photos-selection-toolbar .a-btn-toolbar .x-btn-tr, 
.compare-photos-selection-toolbar .a-btn-toolbar .x-btn-tc, 
.compare-photos-selection-toolbar .a-btn-toolbar .x-btn-ml, 
.compare-photos-selection-toolbar .a-btn-toolbar .x-btn-mr, 
.compare-photos-selection-toolbar .a-btn-toolbar .x-btn-mc, 
.compare-photos-selection-toolbar .a-btn-toolbar .x-btn-bl, 
.compare-photos-selection-toolbar .a-btn-toolbar .x-btn-br, 
.compare-photos-selection-toolbar .a-btn-toolbar .x-btn-bc { background-image:none; }
.compare-photos-selection-toolbar .a-btn-toolbar b.select-node { height: 0px; }
.compare-photos-selection-toolbar .x-btn-icon .x-btn-small .x-btn-text { height: 9px; width: 9px; }
.compare-photos-selection-toolbar .btn-prev-icon { background: url('../images/asc-compare/icon_sprite.gif') no-repeat 0 -120px; }
.compare-photos-selection-toolbar .btn-next-icon { background: url('../images/asc-compare/icon_sprite.gif') no-repeat 0 -180px; }

/*[Vehicle Selector]*/
.vehicleselector-panel .vehicleselector-view {
	background: transparent url(../images/asc-compare/vehicleSelector-bg.jpg) no-repeat 0 0;
}

.vehicleselector-panel h5 { padding: 10px 5px 0; color: #333; font-size: 12px; }
.vehicleselector-panel .vehicleselector-body { margin: 0 8px; }
.vehicleselector-panel .trimimage { width: 310px; text-align: center; }

.vehicleselector-panel dt { margin: 8px 0 0; }
.vehicleselector-panel dt.modelyear { margin-top: 0; }

.vehicleselector-panel .continuebtn-wrap { clear: both; zoom: 1; padding-top: 8px; }
.vehicleselector-panel .continuebtn-wrap .x-btn { float: right; }

.vehicleselector-panel .advert-wrap { height: 248px; border: 1px solid black; }

/* [Swatch] */
.swatch { width: 30px; height: 18px; border: 1px solid #8C8C8C;}

/*[Swatch Menu]*/
.swatch-menu { background-image: none; }
.swatch-menu .swatches-panel em { padding-right: 2px; }

.swatch-menu .swatches-panel .swatch { cursor: hand; cursor: pointer; }
.swatch-menu .swatches-panel .swatch-selected { border: 3px solid #F60; width: 26px; height: 14px; }

.swatch-menu .swatch-desc span { padding-left: 5px; }
.swatch-menu .swatch-title table { margin-bottom: 2px; }
.swatch-menu .divider { 
	background-color: #fff; height: 2px; line-height: 1px; font-size: 1px; overflow:hidden;  
}
.swatch-menu .divider b { 
	display: block; background-color: #ccc; height: 1px; line-height: 1px; font-size: 1px; overflow:hidden; 
}

/*[Editorial Panel]*/
.editorial-panel .title-wrap { padding: 0px 5px; }
.editorial-panel .details-wrap { padding: 0px 5px 5px; }
.editorial-panel .title-wrap .editorial-title-panel  
{
	background: transparent url(../images/asc-compare/compare-bg.jpg) no-repeat 0 -540px; 
	border: 1px solid #848484; 
	padding: 5px;
}
.editorial-panel .details-wrap .editorial-detail-panel  
{
	border-style:solid;
	border-color: #848484;
	border-width: 0 1px 1px;
	padding: 5px;
}

.editorial-panel .details-wrap .editorial-detail-panel .read-more
{
	color: #00f;
	text-decoration: underline;
}

.editorial-panel .details-wrap .editorial-detail-panel .read-more:hover
{
	cursor:pointer;
}

.editorial-panel .toolbar-wrap .x-toolbar { border-style: none; }

/*[Panel - Empty Body]*/
.photos-panel .photospanel-emptybody,
.editorial-panel .editorialpanel-emptybody,
.advantages-panel .advantagespanel-emptybody
{
	height:80px; 
	background: #e6efff; 
	border: solid 1px #abc1e8; 
	margin-top: 2px;
}

.photos-panel .photospanel-emptybody .empty-text,
.editorial-panel .editorialpanel-emptybody .empty-text,
.advantages-panel .advantagespanel-emptybody .empty-text 
{
	color: #00177D;
    font-size: 18px;
    padding: 18px;
    text-align: center; 
}